<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="<c:url value="/assets/css/output.css"/>" rel="stylesheet"/>
    <title>default-panel</title>
</head>

<body>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
        <div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6">
            <h3 class="text-lg font-semibold mb-2">总用户</h3>
            <p class="text-3xl font-bold">1,234</p>
        </div>
        <div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6">
            <h3 class="text-lg font-semibold mb-2">今日活跃</h3>
            <p class="text-3xl font-bold">256</p>
        </div>
        <div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6">
            <h3 class="text-lg font-semibold mb-2">总收入</h3>
            <p class="text-3xl font-bold">¥9,876</p>
        </div>
        <div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6">
            <h3 class="text-lg font-semibold mb-2">待处理订单</h3>
            <p class="text-3xl font-bold">23</p>
        </div>
    </div>

    <div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6">
        <h3 class="text-xl font-semibold mb-4">最近活动</h3>
        <div class="overflow-x-auto">
            <table class="w-full">
                <thead>
                <tr class="bg-gray-100 dark:bg-gray-800">
                    <th class="text-left py-2 px-4">用户</th>
                    <th class="text-left py-2 px-4">活动</th>
                    <th class="text-left py-2 px-4">时间</th>
                </tr>
                </thead>
                <tbody>
                <tr class="border-b dark:border-gray-600">
                    <td class="py-2 px-4">张三</td>
                    <td class="py-2 px-4">登录</td>
                    <td class="py-2 px-4">2023-06-10 14:30</td>
                </tr>
                <tr class="border-b dark:border-gray-600">
                    <td class="py-2 px-4">李四</td>
                    <td class="py-2 px-4">更新个人信息</td>
                    <td class="py-2 px-4">2023-06-10 13:45</td>
                </tr>
                <tr>
                    <td class="py-2 px-4">王五</td>
                    <td class="py-2 px-4">提交订单</td>
                    <td class="py-2 px-4">2023-06-10 12:20</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>